$(".mask").html("<%= j render "assign" %>");
$(".mask").css({
  "display" : "block"
});
$(".mask-box").css({
  "margin-top" : -($(".mask-box").height() + parseInt($(".mask-box").css("padding-bottom")))/2
});
$(".mask-head span").on("click", function() {
  $(".mask").css({
    "display" : "none"
  })
  $(".mask").html("")
});

$(".single-downbtn").on("click", function() {
  if ($(this).next(".single-dropdown").hasClass("menuopen")) {
    $(this).next(".single-dropdown").removeClass("menuopen");
  } else {
    $(this).next(".single-dropdown").addClass("menuopen");
    $(this).parent().hover(function() {

    }, function() {
      $(this).children(".single-dropdown").removeClass("menuopen");
    });
    $(".menuopen li").on("click", function() {
      $(this).parent().parent().removeClass("menuopen");
      $(this).parent().parent().parent().find("span").text($(this).text());
      $(this).parent().parent().find("input").val("");
      $(".single-dropdown li").removeClass("mul-hide");
      $("#student_service_employee_id").val($(this).attr("data_id"));
    });
    $(this).next("div").find("input").on('input',function(){ 
      console.log($(this));
      if ($(this).val() != "") {
        console.log($(this).val());
        $(".single-dropdown li").addClass("mul-hide");
        console.log($($(".single-dropdown li:contains(" + $(this).val() + ")")).removeClass("mul-hide"));
      } else {
        $(".single-dropdown li").removeClass("mul-hide");
      }
    })
  }
}); 
